<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>TweetActive:TwitterCompare</title>
        <!--[if IE]><script language="javascript" type="text/javascript" src="./js/excanvas.pack.js"></script><![endif]-->
        <link rel="stylesheet" href="http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" type="text/css">
        <link rel="shortcut icon" href="/favicon.ico">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" href="./style/main.css" type="text/css">
        <link rel="alternate" type="application/x-cooliris-quick" href="http://www.tweetactive.com/images/cooliris-quick.xml" />
        <script language="javascript" type="text/javascript" src="./js/jquery.js"></script>
        <script language="javascript" type="text/javascript" src="./js/jquery.flot.js"></script>
        <script src="http://yui.yahooapis.com/2.6.0/build/yahoo/yahoo-min.js"></script>
        <script src="http://yui.yahooapis.com/2.6.0/build/dom/dom-min.js"></script>
        <script language="javascript">
            var alldata=[];
            var offset=5;
            function GetGraphData()
            {
                this.data=new Array();
                this.label="";
            }
            function myhook(data)
            {
                var count=data.length;

                var d1 = [];
                for (var i = 0; i < count; i += 1)
                {
                    if(typeof(alldata[i])=='undefined')
                    {
                        alldata[i]=new GetGraphData();
                    }
                    alldata[i].data.push([offset, data[i].index]);
                    alldata[i].label=data[i].query;
                }
                offset+=10;
                /*var isIE = navigator.appName.indexOf("Microsoft") != -1;
                var el = document.getElementById("placeholder");
                if(isIE){
                  G_vmlCanvasManager.initElement(el);//method only loaded for IE
                  var ctx = el.getContext('2d');//dont know if this really is needed
                }
                var plot = $.plot(el, alldata);*/
                $(function () {
                    $.plot($("#placeholder"), alldata);
                });

            }
            var fake_counter=0;
            function timer_tick()
            {
                fake_counter=fake_counter+1;
                var div_scrptholder=YAHOO.util.Dom.get('SH');
                div_scrptholder.innerHTML="";
                var scrpt=document.createElement('script');
                scrpt.src="/{{METHOD}}?q={{QUERY}}&callback=myhook&count="+fake_counter;
                div_scrptholder.appendChild(scrpt);
            }
        </script>
    </head>
    <body>
        <div id="doc2" class="yui-t7">
            <div id="hd" role="banner"><a href="./"><h1>Tweet<span>Active</span></h1></a></div>
            <div id="seperator"></div>
            <div id="bd" role="main">
                <div class="yui-gb">
                    <div class="yui-u first">
                        <h2>Twitter<span>Compare</span></h2><br/>
                        <div id="placeholder" style="width:{{WIDTH}}px;height:{{HEIGHT}}px;"></div>
                        <div  id="IESUCKS" style="color:red;font-size:110%;"></div>
                    </div>
                </div>
                <div class="yui-g">
                    <div>
                        <h2>What This chart?</h2>
                        This is real time chart, which is showing which keyword is more trending on twitter.
                        Try some other keyword. separate them by ',' comma.
                        <form action="./twittercompare" method="GET">
                            <input type="text" value="" name="q"/>
                            <input type="submit" value="Go"/>
                        </form>
                    </div>
                    <div>
                        <h2>Feedback</h2>
                        What you think about this website? Please leave ur feedback <a href="/feedback">Click Here </a>
                    </div>
                </div>
            </div>
            <script id="source" language="javascript" type="text/javascript">
            </script>
            <div id="SH">
                <script language="javascript" type="text/javascript" src="./{{METHOD}}?q={{QUERY}}&callback=myhook">
                </script>
                <script>
                    setInterval(timer_tick,1000);
                </script>
                <script type="text/javascript">
                    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
                    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
                </script>
                <script type="text/javascript">
                    try {
                        var pageTracker = _gat._getTracker("UA-109368-4");
                        pageTracker._trackPageview();
                    } catch(err) {}</script>
            </div>
            <div id="seperator"></div>
            <div id="ft" role="contentinfo">
                <p>Mashup by: <a href="http://www.twitter.com/markandey">Markandey</a></p>
                <div>
                    <a href="http://code.google.com/appengine/">
                    <img src="http://code.google.com/appengine/images/appengine-noborder-120x30.gif"
                         alt="Powered by Google App Engine" /></a>
                    <a href="http://apiwiki.twitter.com/"><img src="http://search.twitter.com/images/powered-by-twitter-sig.gif?1220915084"
                         alt="Powered by Twitter Search API" /></a>
                </div>
            </div>
            <div>
                <script>
            var BrowserCheck=function(){
                var bName = navigator.appName;
                if (bName == "Microsoft Internet Explorer"){

                    var ie_ele=document.getElementById("IESUCKS");
                    ie_ele.innerHTML="We are facing issue with IE. If you are using IE8 please enable 'compatibillity view'. Press Alt->T-->V";
                }
            };
            BrowserCheck();
        </script>
             <script type="text/javascript"><!--
                    google_ad_client = "pub-4399838251921825";
                    /* tweetactive hawai */
                    google_ad_slot = "1825209420";
                    google_ad_width = 728;
                    google_ad_height = 90;
                    //-->
                    </script>
                    <script type="text/javascript"
                    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                    </script>
            </div>
        </div>
        <script type="text/javascript">
            var uservoiceJsHost = ("https:" == document.location.protocol) ? "https://uservoice.com" : "http://cdn.uservoice.com";
            document.write(unescape("%3Cscript src='" + uservoiceJsHost + "/javascripts/widgets/tab.js' type='text/javascript'%3E%3C/script%3E"))
        </script>
        <script type="text/javascript">
            UserVoice.Tab.show({
                key: 'tweetactive',
                host: 'tweetactive.uservoice.com',
                forum: 'general',
                lang: 'en'
            })
        </script>
    </body>
</html>